<script setup>

</script>

<template>
  <div class="collection">
    <h3 style="font-weight: normal">我的收藏</h3>
    <hr>
    <!--写js时添加v-for-->
    <div class="collection-item"  style="height: 100px;border-bottom: #e6e6e6 1px solid;">
      <el-row :gutter="10">
        <el-col :span="4">
          <img
              src="" alt=""
              style="width: 90px;height: 66px;position: relative;top: 17px;left: 20px;"
          >
        </el-col>
        <el-col :span="15">
          <p>
            <a href=""
               style="display: block;line-height: 20px;font-size: 15px;color: #333;text-decoration: none;
                      height: 50px;">
              产品标题
            </a>
            <b style="font-weight: normal;font-size: 14px;color: #999999;">
              <el-icon
                style="position: relative;top: 2px;color: orange;" size="16"><LocationFilled />
              </el-icon>
              北京出发
            </b>
          </p>
        </el-col>
        <el-col :span="5">
          <div class="price" style="margin: 0 auto;height: 100px;">
            <span style="font-size: 14px;color: orange;position: relative;top: 25px;left: 40px;">
              ￥
              <b style="font-size: 24px;">8888</b>
              起
            </span>
            <br>
            <el-button type="danger" size="small"
                       style="position: relative;top: 30px;left: 60px;">删除
            </el-button>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<style scoped>

</style>